<!DOCTYPE html>
<html>

	<head>
		<title>良品铺</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
	</head>
	<style type="text/css">
		/*html,
		body {
			height: 100%;
		}*/
		
		a {
			font-size: 14px;
			color: black;
		}
		
		a:hover {
			color: red;
		}
		
		.weui-tab {
			min-width: 320px;
		}
		
		.div1 {
			width: 100%;
			line-height: 30px;
			text-align: center;
			color: #ACA6A9;
			font-weight: bolder;
			border-bottom: 5px solid #EEEEEE;
		}
		
		.div2 {
			line-height: 20px;
			width: 100%;
			min-width: 320px;
			font-size: 12px;
			color: #FF4949;
			border-bottom: 5px solid #EEEEEE;
		}
		
		.div3 {
			height: 50px;
			border-bottom: 5px solid #EEEEEE;
			line-height: 50px;
		}
		
		.div3 img {
			height: 30px;
		}
		
		.div3-img {
			float: right;
			margin-top: 10px;
		}
		
		.div4 {
			height: 100px;
			border-bottom: 1px solid #EEEEEE;
			position: relative;
		}
		
		.div9 {
			height: 100px;
			line-height: 100px;
			float: left;
			/*border: 1px solid;*/
		}
		
		.div5 {
			height: 100px;
			width: 100%;
			/*border: 1px solid;*/
		}
		
		.div7 img {
			height: 90px;
			margin-top: 5px;
		}
		
		.div7,
		.div8 {
			height: 100px;
			float: left;
			margin-left: 10px;
			/*border: 1px solid;*/
		}
		
		.p1 {
			margin-top: 10px;
			/*border: 1px solid;*/
		}
		
		.p2 {
			width: 100%;
			margin-top: 40px;
			color: red;
			/*border: 1px solid;*/
		}
		
		.span1 {
			position: absolute;
			right: 0px;
			bottom: 5px;
		}
		
		.main {
			margin-bottom: 50px;
		}
	</style>

	<body ontouchstart>
		<div class="weui-tab">
			<div class="weui-tab__bd">
				<div class="weui-tab__bd-item weui-tab__bd-item--active">
					<div class="main">
						<div class="div1">购物车</div>
						<div class="div2">单笔订单满68元包邮</div>
						<div class="div3">
							<span class="weui-icon-success"><img src="img/liang.png"/></span>
							<a href="#">良品快运</a>
							<img class="div3-img" src="img/youhuijuan.png" />
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>
							</div>
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>

							</div>
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>
							</div>
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>
							</div>
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>
							</div>
						</div>
						<div class="div4">
							<div class="div9">
								<span class="weui-icon-success"></span>
							</div>
							<div class="div5">
								<div class="div7">
									<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
								</div>
								<div class="div8">
									<a href="#">
										<p class="p1">桂花加应子120g(电商专供)</p>
									</a>
									<p class="p2">
										<span>￥9.9</span>
										<span class="span1">
					    	<input type="button" value="-" style="width: 20px;"/>
					    	<input type="text" value="1" style="width: 20px;" />
					    	<input type="button" value="+"style="width: 20px;" />
					    </span>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-tabbar">
				<a href="index.html" class="weui-tabbar__item ">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">首页</p>
				</a>
				<a href="fenlei.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">分类</p>
				</a>
				<a href="gouwu.html" class="weui-tabbar__item weui-bar__item--on">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">购物车</p>
				</a>
				<a href="wode.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">我的良品</p>
				</a>
			</div>
		</div>

		<script src="lib/jquery-2.1.4.js"></script>
		<script src="lib/fastclick.js"></script>
		<script src="js/jquery-weui.js"></script>
	</body>

</html>